<template>
  <view class="image-container">
    <view v-for="item in 8"  class="image">
      <img src="../../static/dibiao.png" />
    </view>
  </view>
</template>

<style>
.image-container {
  display: grid; /* 使用 Grid 布局 */
  grid-template-columns: repeat(5, 1fr); /* 将容器分为 5 列，每列宽度相同 */
  grid-gap: 10px; /* 图片之间的间距 */
}

.image {
  width: 100%; /* 图片容器宽度填满列 */
  height: auto; /* 自动调整高度 */
}

img {
  width: 100%; /* 图片宽度填满容器 */
  height: auto; /* 自动调整高度 */
}
</style>